<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index3.min.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/zoom.min.css">
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/TOPjs.js"></script>
    <script src="../js/zoom.js"></script>
    <script src="../js/yejs.js"></script>
</head>

<body>
    <div class="top">
        <div class="top1" id="top1">
            <ul class="top1-txt1">
                <li>
                    <img src="../images/I))D6)QT[Y{69OUV0`W1H{F_03.gif">
                    天猫首页
                </li>
                <li>喵,欢迎来到天猫</li>
                <li><a href="../sass/ingdex2.html">请登录</a></li>
                <li><a href="">免费注册</a></li>
            </ul>
            <div class="top1-erj" id="top1-erj">
                <h3>二级菜单栏目</还>
            </div>
            <ul class="top1-txt2">
                <li><a href="">我的淘宝</a></li>
                <li><a href="">
                        <img src="../images/I))D6)QT[Y{69OUV0`W1H{F_05.gif" alt="">
                        购物车</a></li>
                <li class="top1-txt2-li3"><a href="">收藏夹</a></li>
                <li><a href="">
                        <img src="../images/I))D6)QT[Y{69OUV0`W1H{F_07.gif" alt="">
                        手机端</a></li><a href=""></a>
                <li><a href="">淘宝网</a></li>
                <li><a href="">商家支付</a></li>
                <li><a href="">
                        <img src="../images/I))D6)QT[Y{69OUV0`W1H{F_09.gif" alt="">
                        网站导航</a></li>
            </ul>
        </div>
        <div class="top2">
            <div class="top2-div1">
                <div class="top2-1">
                    <img src="..//images/I))D6)QT[Y{69OUV0`W1H{F_23.gif" alt="">
                </div>

                <div class="top2-2">
                    <img src="../images/I))D6)QT[Y{69OUV0`W1H{F_16.gif" alt="">

                </div>
                <div class="top2-3">
                    <img src="../images/I))D6)QT[Y{69OUV0`W1H{F_18.gif" alt="">

                </div>
                <div class="top2-4">
                    <img src="../images/I))D6)QT[Y{69OUV0`W1H{F_20.gif" alt="">

                </div>
            </div>
            <div class="top2-div2">
                <input class="in" type="text" placeholder="搜索 天猫/商品/店铺"><span class="inspan1">搜天猫</span><span
                    class="inspan2">搜本店</span>
            </div>

        </div>
        <div class="top3">
            <div class="top3-1">
                <div class="yuan">
                    <div class="yuan-txt">
                        收藏<br>店铺

                    </div>
                </div>
                <div class=" top3-txt">
                    <img src="../images/I))D6)QT[Y{69OUV0`W1H{F_30.gif" alt="">
                    <div class="top3-ztxt">连续八年全网坚果零食销量第一*</div>
                </div>
                <div class="inut">
                    <input type="text" placeholder="每日坚果">
                    <span class="d1">GO</span>
                </div>
            </div>
            <div class="top3-2">
                <!-- <span class="dong1" id="dong1"></span> -->
                <span class="dong2" id="dong1"></span>
                <ul class="top3-2-txt">
                    <li><a href="">全部宝贝 </a> </li>
                    <li><a href="">首页</a> </li>
                    <li><a href="">聚划算</a> </li>
                    <li><a href="">满300减</a> </li>
                    <li><a href="">TOP爆款</a> </li>
                    <li><a href="">当季新品</a></li>
                    <li><a href="">礼品专区</a> </li>
                    <li><a href="">团购专区</a> </li>
                    <li><a href="">美食顾问</a></li>
                </ul>
            </div>

        </div>
    </div>

    <div class="inde3-dh">
        <div class="zoom">
            <div class="nav_edition_left">
                <div class="middleImg" id="middleImg">
                    <img src="../img/log1.jpg" alt="">
                    <!-- 先隐藏,鼠标进入显示 -->
                    <div class="smallArea" id="smallArea"></div>
                </div>
                <div class="smallImg" id="smallImg">
                    <ul>
                        <li><span></span></li>
                        <li><img src="../img/log1-1.jpg" alt=""></li>
                        <li><img src="../img/log2-1.jpg" alt=""></li>
                        <li><img src="../img/log3-1.jpg" alt=""></li>
                        <li><img src="../img/log4-1.jpg" alt=""></li>
                        <li><img src="../img/log5-1.jpg" alt=""></li>
                        <li><span></span></li>
                    </ul>
                </div>
            </div>
            <div id="bigArea">
                <!-- 先隐藏,鼠标进入显示 -->
                <img src="../img/log1.jpg" alt="" id="bigImg">
            </div>

        </div>

        <div class="inde3-txt">
            <div class="txt1">
                <h3>[三只松鼠_巨型零食大礼包/30包]网红宿舍休闲小零食</h3>
                <a href="">吃货狂欢,零食放肆吃!百万爆款半价抢!!</a>
            </div>
            <img src="../img/uu1_03.gif" alt="">
            <div class="txt2">
                <div class="txt2_1">
                    <span style="color: #999;">运费</span>&nbsp;&nbsp;&nbsp;&nbsp; <span>安徽芜湖&nbsp; 至 &nbsp;长沙
                        快递:0.00</span>
                </div>
                <div class="txt2_2">
                    <ul>
                        <li>月销量
                            <span>5万+</span>
                        </li>
                        <li class="txt2_2_li">累计评价
                            <span>999+</span>

                        </li>
                        <li>
                            送天猫积分
                            <span>50</span>
                        </li>
                    </ul>
                    <div class="txt2_2_1">
                        <div class="txt2_2_2_1">
                            <span>口味</span>
                            <div class="txt_t">[口味多样,超6斤重]内含30包(A版)</div>
                        </div>
                        <div class="txt2_2_2_2">
                            <span style="margin-left: 19px;color: #999;">数量</span>
                            <p>
                                <input type="button" value="-" class="jie" />

                                <input type="text" value="1" class="zhi" />
                                <input type="button" value="+" class="jia" />
                            </p>

                            <span style="margin-left: 19px;">库存19998件</span>
                        </div>
                        <div class="txt2_2_2_3">
                            <span style="margin-left: 19px;color: #999;">花呗分期</span> <span><a
                                    href="">登录</a>后确认是否享有该服务，<a href="">什么是花呗分期</a></span>

                            <div class="txt_dvi">
                                <div class="txt2_2_2_3_div">$64.10x3期<br>
                                    (包含手续费)
                                </div>
                                <div class="txt2_2_2_3_div">$32.74x6期<br>
                                    (包含手续费)
                                </div>
                                <div class="txt2_2_2_3_div">$16.83x12期<br>
                                    (包含手续费)
                                </div>
                            </div>
                        </div>
                        <div class="txt2_2_2_inpt">
                            <div><button>立即购买</button></div>
                            <div><button style=" background-color: red;color:#fff">加入购物车</button></div>

                        </div>
                    </div>

                </div>
            </div>




        </div>

        <div class="inde3-lb">
            <div class="d3_lb">
                <div class="d3_lb_img">
                    <img src="../img/TOP-lb_03.gif" alt=""><img src="../img/TOP-lb_03.gif" alt="">
                </div>
            </div>

            <div style="display: flex;margin-left: 50px;margin-top: 20px;">
                <div style="width: 50px;
                height: 10px;" id="z1">👆</div>
                <div id="z2">👇</div>
            </div>

        </div>
    </div>
    <div class="index3-tab">

    </div>

    <script>

        $(function () {



        })
    </script>
</body>


</html>